Total:
{{humanTaxedTotal}}
Invoice
| Product/Service | Quantity | Price |
|---|---|---|
| Total: | {{humanTaxedTotal}} |
Company Name
3369 Mulberry Street
email_address@yourcompany.com
Phone: 000-000-0000
Fax: 555-555-5555
body {
clear: both;
padding: 20px 20px 30px 20px;
font-family: "nunito";
}
ul.app-products{
display: none;
}
.invoice-tax-notice{
text-align: center;
color: rgba(0,0,0,0.5);
font-size: 14px;
}
.invoice-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 15px;
padding-bottom: 50px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.invoice-header h1 {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
font-size: 55px;
}
.invoice-header span {
width: 150px;
height: 150px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.invoice-header span img{
width: 100%;
height: 100%;
}
.invoice-divider{
display: table-row;
border-top: 2px solid black;
}
.invoice-divider td{
padding: 0;
border-top: 0;
}
table, th, td, .td {
border-top: 1px solid #ddd;
}
table {
width: 100%;
border-collapse: collapse;
}
table tr{
display: none;
}
table tr.show, table tr.item-selected{
display: table-row;
}
table tr.total th, table tr.total td, table tr.total .td {
font-size: 16px;
line-height: 24px;
font-weight: bold;
padding: 20px 5px;
border-top: 3px solid #EEE;
border-bottom: 3px solid black;
}
table tr.nowrap th, table tr.nowrap td {
white-space: nowrap;
}
table th {
padding: 20px 5px;
text-align: left;
border-top: 5px solid black;
}
table td, table .td {
padding: 15px 5px;
vertical-align: top;
}
table td:last-child, table .td:last-child {
border-right: none;
}
table .cell-center {
text-align: center;
}
table .cell-right {
text-align: right;
}
.info {
padding: 15px 5px;
border-top: 1px solid #ddd;
margin-top: 200px;
}
.info div {
line-height: 22px;
border-top-width: 1px;
}
.info .invoice-info-left {
float: left;
text-align: left;
}
.info .invoice-info-right {
float: right;
text-align: right;
}
.info span {
display: block;
}